import React from 'react';
import {useNavigate} from 'react-router-dom';

export default function Header() {
	const navigate = useNavigate();


    // 前进
    function farword(){
        navigate(1)
    }

    // 后退
    function back(){
        navigate(-1)
    }

	return (
		<div className="row">
			<div className="col-xs-offset-2 col-xs-8">
				<div className="page-header">
					<h2>React Router Demo</h2>
					<button onClick={back}>后退</button>
					<button onClick={farword}>前进</button>
				</div>
			</div>
		</div>
	);
}
